<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <meta charset="UTF-8">
    <script type="text/javascript" th:src="@{${session.baseUrl}+'js/common.js'}"></script>
    <script th:src="@{${session.baseUrl}+'js/jquery.js'}"></script>
    <link th:href="@{${session.baseUrl}+'style/reset.css'}" rel="stylesheet" type="text/css">
    <link th:href="@{${session.baseUrl}+'style/base.css'}" rel="stylesheet" type="text/css">
    <link th:href="@{${session.baseUrl}+'style/header.css'}" rel="stylesheet" type="text/css">
    <title>详情</title>
    <style>
        .btn-block{
            position: fixed;

            height: 6%;
            width: 100%;
            bottom: 0.0rem;
            background-color: #2888e5;
            font-size: 0.32rem;
            color: #fff;
            border-radius:0.1rem;
            align-items: center;

        }
    </style>
</head>
<body>
<header><span onclick="javascript:history.go(-1)"></span>详情</header>
<input type="text"  placeholder="请输入用户名" th:value="${drafts.name}">
<img th:src="@{${session.baseUrl}+'images/detail/img1.png'}" alt="" style="width:100%;height: 6.42rem"/>
<img th:src="@{${session.baseUrl}+'images/detail/img2.png'}" alt="" style="width:100%;height: 5.25rem"/>
<img th:src="@{${session.baseUrl}+'images/detail/img3.png'}" alt="" style="width:100%;height: 7.1rem"/>
</body>
<footer>
    <button type="button"  class="btn-block" style="z-index:9999;">转让</button>
</footer>
</html>